<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title>金毕生教育</title>
    <meta name="robots" content="index, follow" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
	<meta name="author" content="" />

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="styles/skeleton.css" />
    <link rel="stylesheet" href="styles/style.css" />
    <link rel="stylesheet" href="styles/inner.css" />
    <link rel="stylesheet" href="styles/prettyPhoto.css" media="screen"/>
    <link rel="stylesheet" href="styles/color.css" />
	<link rel="stylesheet" href="styles/layout.css" />

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
    
	<!-- Demo Switcher
	================================================== -->
    <link id="layoutcss" href="styles/fixed-layout.css" rel="stylesheet" type="text/css" />
    <link href="styles/style-switcher.css" rel="stylesheet" type="text/css" />
    

</head>


<body>
<div id="bodychild">
	<div id="outercontainer">
    
        <!-- HEADER -->
        <div id="outerheader">
        	<div class="container">
            <header id="top" class="twelve columns">
            	<div id="logo"  class="three columns alpha"><a href="index-2.html"><img src="images/logo.jpg" alt=""></a></div>
                <section id="navigation" class="nine columns omega">
                    <nav>
                        <ul id="topnav" class="sf-menu">
                            <li><a href="index-2.html">Home</a></li>
                            <li><a href="about.html">About</a></li>
                            <li><a href="service.html">Services</a></li>
                            <li><a href="blog.html">Blog</a></li>
                            <li class="current"><a href="portfolio.html">Portfolio</a>
                            	<ul>
                                	<li><a href="portfolio.html">Portfolio 1 Column</a></li>
                                	<li><a href="portfolio2.html">Portfolio 2 Column</a></li>
                                    <li><a href="portfolio3.html">Portfolio 3 Column</a></li>
                                    <li><a href="portfolio4.html">Portfolio 4 Column</a></li>
                                </ul>
                            </li>
                            <li><a href="element.html">Element</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul><!-- topnav -->
                    </nav><!-- nav -->	
                    <div class="clear"></div>
                </section>
                <div class="clear"></div>
            </header>
            </div>
        </div>
        <!-- END HEADER -->
        
        <!-- AFTER HEADER -->
        <div id="outerafterheader">
            <div class="container">
                <div id="afterheader" class="twelve columns">
                    <section id="aftertheheader">
                    	<hgroup>
                            <h1 class="pagetitle">Portfolio 1</h1>
                            <h3 class="pagedesc">Our latest project</h3>
                        </hgroup>
                    </section>
                </div>
            </div>
        </div>
        <!-- END AFTER HEADER -->
        
        <!-- MAIN CONTENT -->
        <div id="outermain">
        	<div class="container">
        	<section id="maincontent" class="twelve columns">
            
                <div id="ts-display-portfolio">
                    <ul id="ts-display-pf-col-1">
                        <li>
                            <div class="ts-display-pf-img">
                                <a class="image" href="images/content/pf/pf1_1.jpg" data-rel="prettyPhoto[mixed]" >
                                <span class="rollover"></span>
                                <img src="images/content/pf/pf1_1.jpg" alt="" class="scale-with-grid" /></a>
                            </div>
                            <div class="ts-display-pf-text">
                                <h2><a href="#">Pellentesque at mauris fringilla nunc sollicitudin vehicula.</a></h2>
                                <p>Morbi vel porttitor risus. Curabitur laoreet elementum mi id tempor. Etiam vitae orci massa, non elementum metus. Suspendisse tempor ante fermentum elit laoreet quis venenatis ligula imperdiet. Praesent in est augue, id sodales justo. Aenean a arcu ipsum, eget pulvinar augue.</p>
                            </div>
                            <div class="ts-display-clear"></div>
                    
                        </li>
                        <li>
                            <div class="ts-display-pf-img">
                              <a class="image" href="images/content/pf/pf1_2.jpg" data-rel="prettyPhoto[mixed]" >
                                <span class="rollover"></span>
                              <img src="images/content/pf/pf1_2.jpg" alt="" class="scale-with-grid" /></a>
                            </div>
                            <div class="ts-display-pf-text">
                                <h2><a href="#">Suspendisse tempor ante fermentum elit.</a></h2>
                                <p>Morbi vel porttitor risus. Curabitur laoreet elementum mi id tempor. Etiam vitae orci massa, non elementum metus. Suspendisse tempor ante fermentum elit laoreet quis venenatis ligula imperdiet. Praesent in est augue, id sodales justo. Aenean a arcu ipsum, eget pulvinar augue.</p>
                            </div>
                            <div class="ts-display-clear"></div>
                        </li>
                        <li>
                            <div class="ts-display-pf-img">
                                <a class="image" href="images/content/pf/pf1_3.jpg" data-rel="prettyPhoto[mixed]" >
                                <span class="rollover"></span>
                                <img src="images/content/pf/pf1_3.jpg" alt="" class="scale-with-grid" /></a>
                            </div>
                            <div class="ts-display-pf-text">
                                <h2><a href="#">Curabitur iaculis ipsum viverra dui hendrerit non.</a></h2>
                                <p>Morbi vel porttitor risus. Curabitur laoreet elementum mi id tempor. Etiam vitae orci massa, non elementum metus. Suspendisse tempor ante fermentum elit laoreet quis venenatis ligula imperdiet. Praesent in est augue, id sodales justo. Aenean a arcu ipsum, eget pulvinar augue.</p>
                            </div>
                            <div class="ts-display-clear"></div>
                        </li>
                    </ul><!-- end ts-display-pf-col-1 -->
                </div><!-- end ts-display-portfolio -->
                
                <div class="pagenavi">
                    <a class="prev" href="#">&larr; last preview</a>
                    <a class="next" href="#">next preview &rarr;</a>
                </div>
                
                <div class="clear"></div><!-- clear float --> 
            </section>
            </div>
        </div>
        <!-- END MAIN CONTENT -->
        
        <!-- AFTER CONTENT -->
        <div id="outeraftercontent">
            <div class="container">
            <div id="aftercontent" class="twelve columns">
                <section id="afterthecontent">
                    <ul class="sn">
                        <li><a title="Facebook" href="http://facebook.com/"><span style="background:url(images/social/facebook.png)" class="icon-img"></span></a></li>
                        <li><a title="Twitter" href="http://twitter.com/"><span style="background:url(images/social/twitter.png)" class="icon-img"></span></a></li>
                        <li><a title="StumbleUpon" href="http://stumbleupon.com/"><span style="background:url(images/social/stumbleupon.png)" class="icon-img"></span></a></li>
                        <li><a title="Youtube" href="http://youtube.com/"><span style="background:url(images/social/youtube.png)" class="icon-img"></span></a></li>
                        <li><a title="Lastfm" href="http://www.last.fm/"><span style="background:url(images/social/lastfm.png)" class="icon-img"></span></a></li>
                    </ul>
                    <address class="addr">1234 Majapahit Road, Glasgowth, A05 897R.<br>Freephone: +1 800 123 456</address>
                </section>
            </div>
            </div>
        </div>
        <!-- END AFTER CONTENT -->
        
        <!-- FOOTER -->
        <div id="outerfooter">
        	<div class="container">
        	<div id="footercontainer" class="twelve columns">
            	<footer id="footer">&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></footer>
            </div>
            </div>
        </div>
        <!-- END FOOTER -->
        
	</div><!-- end bodychild -->
</div><!-- end outercontainer -->

<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->

<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>

<!-- jQuery Superfish -->
<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script>

<!-- jQuery Dropdown Mobile -->
<script type="text/javascript" src="js/tinynav.min.js"></script>

<!-- jQuery PrettyPhoto -->
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>

<!-- jQuery PrettyPhoto Config -->
<script type="text/javascript" src="js/fade.js"></script>

<!-- Custom Script -->
<script type="text/javascript" src="js/custom.js"></script>

<!-- Demo Switcher -->
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/switcher.js"></script>
</body>
</html>
